<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../static/js/jquery-2.1.4min.js"></script>
    <script src="../../static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../../static/js/index.js"></script>
    <link type="text/css" rel="stylesheet" href="../../static/index.css?version=1.0">
    <link href="../../static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

    <div class="card">
        <a href="#" class="thumbnail">
            <img src="../../static/img/default_book_img.jpg" alt="通用的占位符缩略图">
        </a>
        <div class="caption">
            <div class="caption_1">
                <div class="price">50</div>
                <div>已经有50人购买</div>
            </div>
            <h3>书名</h3>
            <p>作者</p>
        </div>
    </div>


</body>
</html>